export const image = {
    css: {
        width: "750rpx",
        background: "yellow",
    },
    type: "view",
    views: [
        {
            type: "text",
            text: "基础用法",
            css: {
                display: "block",
            },
        },
        {
            type: "view",
            css: {
                display: 'block',
                margin: '0 30rpx'
            },
            views: [
                {
                    type: "view",
                    css: {
                        width: "200rpx",
                        height: "300rpx",
                        background: 'red',
                        // borderRadius: '50%',
                        // border: '50rpx solid #000',
                        borderTop: '50rpx solid #000',
                    }
                },
                {
                    type: "view",
                    css: {
                        display: 'block',
                        background: "red",
                        width: "200rpx",
                        marginLeft: 'auto',
                        border: '10rpx solid #000'
                    },
                    views: [
                        {
                            type: "image",
                            src: "https://m.360buyimg.com/babel/jfs/t1/196317/32/13733/288158/60f4ea39E6fb378ed/d69205b1a8ed3c97.jpg",
                            css: {
                                width: "200rpx",
                                height: "200rpx",
                                objectFit: 'contain',
                                background: 'green'
                            },
                        },
                        {
                            type: "text",
                            text: "默认",
                            css: {
                                display: "block",
                                // width: "200rpx",
                                background: '#ddd'
                            },
                        },
                    ],
                },
            ],
        },
    ],
};

export const test = {
    css: {
        width: "750rpx",
        height: '300rpx',
        // background: "radial-gradient(#0ff 15%, #f0f 60%)"//"linear-gradient(-76deg,#000 0%, #ff5000 100%)"
        background: "yellow",
    },
    views: [
        {
            type: 'image',
            src: 'https://image.meetors.com/FqnFO-fsOfwU3N9UmaY6RjTkWAII',
            css: {
                width: '100rpx'
            }
        },
        {
            type: 'view',
            css: {
                // width: '50%',
                height: '100rpx',
                background: '#eee',
                // background: "linear-gradient(-76deg,#000 0%, #ff5000 100%)",
                marginLeft: 'auto',
                marginRight: 'auto',
                // padding: '90rpx',
                // marginTop: '100rpx',
                // borderRight: '2rpx solid #dddddd'
                // margin: 'auto'
            },
            views: [
                {
                    type: 'view',
                    css: {
                        display: 'inline-block',
                        width: '40%',
                        boxSizing: 'border-box',
                        height: '100rpx',
                        border: '9rpx solid green'
                    },
                    views: [
                        {
                            type: 'text',
                            text: '1111111111111111'
                        }
                    ]
                },
                {
                    type: 'view',
                    css: {
                        display: 'inline-block',
                        width: '30%',
                        boxSizing: 'border-box',
                        height: '100rpx',
                        border: '9rpx solid green'
                    },
                    views: [
                        {
                            type: 'text',
                            text: '000000000000'
                        }
                    ]
                },
                {
                    type: 'view',
                    css: {
                        display: 'inline-block',
                        width: '10%',
                        boxSizing: 'border-box',
                        height: '100rpx',
                        border: '9rpx solid green'
                    },
                    views: [
                        {
                            type: 'text',
                            text: '000000000000'
                        }
                    ]
                },
                {
                    type: 'view',
                    css: {
                        display: 'inline-block',
                        boxSizing: 'border-box',
                        width: '20%',
                        height: '100rpx',
                        border: '9rpx solid green'
                    },
                    views: [
                        {
                            type: 'text',
                            text: '000000000000'
                        }
                    ]
                }
                // {
                //     type: 'text',
                //     text: '你好',
                //     css: {
                //         height: '100rpx',
                //         background: 'red',
                //         verticalAlign: 'bottom',
                //         border: '10rpx solid #ddd',
                //         borderTop: 'none',
                //         borderRadius: '12px'
                //     }
                // }
            ]
        }
    ]
}

export const text = {
    css: {
        width: "750rpx",
        // height: '500rpx',
        background: "yellow",
        // borderTop: '30px solid #000',
        border: '10px solid #000',
        boxSizing: 'border-box',
        backgroundImage: 'url(http://localhost:3000/examples/web/assets/lamp.gif)',
        backgroundRepeat: 'repeat-y',
        borderRadius: '10px'
    },
    views: [
        {
            type: 'view',
            css: {
                width: '100rpx',
                // boxSizing: 'border-box',
                height: '200px',
                background: 'rgba(0,0,0,.5)',
                marginLeft: 'auto',
                marginRight: 'auto',
                border: '10px solid red',
                color: '#fff',
                boxShadow: '0 50px 50rpx rgba(25,137,250,.8)'
                //lineHeight: '1em'
                // padding: '90rpx'
                // margin: 'auto'
            },

        },
        {
            type: "image",
            src: "https://m.360buyimg.com/babel/jfs/t1/196317/32/13733/288158/60f4ea39E6fb378ed/d69205b1a8ed3c97.jpg",
            css: {
                width: "200rpx",
                height: "200rpx",
                objectFit: 'contain',
                //background: 'green',
                background: 'rgba(0,0,0,.5)',
                border: '10px solid red',
                borderRadius: '50%',
                boxShadow: '0 50px 50rpx rgba(25,137,250,.8)'
            },
        },
    ]
}
const img = 'https://data.fanghuoma.com/meet/20210811/e4bedb6dfb7e4c96a711af25f96248ad.png'
const head = 'https://data.fanghuoma.com/meet/20210803/9a3cc4f36be94bc6bbe4c417ace5f60c.png'
const code = 'https://data.fanghuoma.com/meet/20210805/d36d35e8ceee4c07891078caa6f49e06.png'
export const poster = {
    type: 'view',
    css: {
        // json 方式务必填写画板宽度
        width: '582rpx',
        height: '825rpx',
        // position: 'absolute',
        // left: '84rpx',
        // top: '0rpx',
        background: 'rgba(0,0,0,0)'
    },
    views: [
        {
            type: 'image',
            src: img,
            css: {
                // width: '582rpx',
                height: '825rpx',
                background: 'rgba(0,0,0,0)'
            }
        },
        {
            type: 'view',
            css: {
                width: '582rpx',
                // height: '366rpx',
                background: '#fff',
                position: 'absolute',
                left: '0rpx',
                bottom: '0rpx',
                borderRadius: '0rpx 0rpx 16rpx 16rpx',
                padding: '41rpx 0 24rpx 24rpx',
                boxSizing: 'border-box'
            },
            views: [
                {
                    type: 'text',
                    text: '我已完成',
                    css: {
                        //width: '160rpx',
                        // height: '56rpx',
                        color: '#333333',
                        borderRadius: '0rpx 0rpx 16rpx 16rpx',
                        fontWeight: 500,
                        fontFamily: 'PingFangSC-Medium, PingFang SC',
                        fontSize: '40rpx'
                    }
                },
                {
                    type: 'text',
                    text: 'number',
                    css: {
                        // height: '47rpx',
                        fontSize: '40rpx',
                        color: '#333333',
                        borderRight: '4rpx bolid #FD7523',
                        // borderRadius: '4rpx',
                        fontWeight: 500,
                        fontFamily: 'PingFangSC-Medium, PingFang SC',
                        marginLeft: '15rpx'
                    }
                },
                {
                    type: 'text',
                    text: '次',
                    css: {
                        color: '#333333',
                        fontSize: '40rpx',
                        fontWeight: 500,
                        fontFamily: 'PingFangSC-Medium, PingFang SC',
                        marginLeft: '15rpx'
                    }
                },
                {
                    type: 'text',
                    text: '防火宣传教育',
                    css: {
                        marginTop: '8rpx',
                        // height: '56rpx',
                        fontSize: '40rpx',
                        fontFamily: 'PingFangSC-Medium, PingFang SC',
                        fontWeight: 500,
                        color: '#333333',
                        lineHeight: '56rpx'
                    }
                },
                {
                    type: 'view',
                    css: {
                        // background: '#ddd'
                    },
                    views: [
                        {
                            type: 'view',
                            css: {
                                // width: '534rpx',
                                height: '1rpx',
                                background: '#EEEFF3',
                                marginTop: '32rpx',
                                marginBottom: '30rpx',
                            }
                        },
                        {
                            type: 'view',
                            css: {
                                display: 'inline-block',
                                // marginTop: '54rpx',
                                // background: '#999'
                            },
                            views: [
                                {
                                    type: 'image',
                                    src: head,
                                    css: {
                                        width: '64rpx',
                                        height: '64rpx',
                                        // marginTop: '54rpx',
                                        borderRadius: '50%',
                                        display: 'inline-block'
                                    }
                                }
                            ]
                        },
                        {
                            type: 'view',
                            css: {
                                display: 'inline-block',
                                marginLeft: '16rpx',
                                // background: '#111'
                            },
                            views: [
                                {
                                    type: 'text',
                                    text: 'nickName',
                                    css: {
                                        height: '28rpx',
                                        fontSize: '28rpx',
                                        //fontFamily: 'PingFangSC-Medium, PingFang SC',
                                        fontWeight: 500,
                                        // marginTop: '54rpx',
                                        // marginLeft: '16rpx',
                                        color: '#333333',
                                        lineHeight: '28rpx'
                                    }
                                },
                                {
                                    type: 'text',
                                    text: '长按识别和我一起参与',
                                    css: {
                                        fontSize: '24rpx',
                                        // fontFamily: 'PingFangSC-Regular, PingFang SC',
                                        fontWeight: 400,
                                        color: '#999999',
                                        lineHeight: '24rpx',
                                        display: 'block',
                                        marginTop: '12rpx',
                                        // marginLeft: '16rpx'
                                    }
                                }
                            ]
                        }
                    ]
                },
                {
                    type: 'image',
                    src: code,
                    css: {
                        width: '124rpx',
                        height: '124rpx',
                        position: 'absolute',
                        right: '24rpx',
                        top: '172rpx',
                        // bottom: '0rpx'
                    }
                }
            ]
        }
    ]
}

export const poster2 = {
    css: {
        width: "750rpx",
        paddingBottom: "40rpx",
        background: "linear-gradient(,#000 0%, #ff5000 100%)"
    },
    views: [
        {
            src: "https://cdn.jsdelivr.net/gh/liangei/image@latest/avatar-1.jpeg",
            type: "image",
            css: {
                background: "#fff",
                objectFit: "cover",
                marginLeft: "40rpx",
                marginTop: "40rpx",
                width: "84rpx",
                border: "2rpx solid #fff",
                boxSizing: "border-box",
                height: "84rpx",
                borderRadius: "50%"
            }
        },
        {
            type: "view",
            css: {
                marginTop: "40rpx",
                paddingLeft: "20rpx",
                display: "inline-block"
            },
            views: [
                {
                    text: "隔壁老王",
                    type: "text",
                    css: {
                        display: "block",
                        paddingBottom: "10rpx",
                        color: "#fff",
                        fontSize: "32rpx",
                        fontWeight: "bold"
                    }
                },
                {
                    text: "为您挑选了一个好物",
                    type: "text",
                    css: {
                        color: "rgba(255,255,255,.7)",
                        fontSize: "24rpx"
                    },
                }
            ],
        },
        {
            css: {
                marginLeft: "40rpx",
                marginTop: "30rpx",
                padding: "32rpx",
                boxSizing: "border-box",
                background: "#fff",
                borderRadius: "16rpx",
                width: "670rpx",
                boxShadow: "0 20rpx 58rpx rgba(0,0,0,.15)"
            },
            views: [
                {
                    css: {
                        objectFit: "cover",
                        objectPosition: "50% 50%",
                        width: "606rpx",
                        height: "606rpx"
                    },
                    src: "https://m.360buyimg.com/babel/jfs/t1/196317/32/13733/288158/60f4ea39E6fb378ed/d69205b1a8ed3c97.jpg",
                    type: "image"
                }, {
                    css: {
                        marginTop: "32rpx",
                        color: "#FF0000",
                        fontWeight: "bold",
                        fontSize: "28rpx",
                        lineHeight: "1em"
                    },
                    views: [{
                        css: {
                            verticalAlign: "bottom"
                        },
                        text: "￥",
                        type: "text"
                    }, {
                        css: {
                            verticalAlign: "bottom",
                            fontSize: "58rpx"
                        },
                        text: "39",
                        type: "text"
                    }, {
                        css: {
                            verticalAlign: "bottom"
                        },
                        text: ".39",
                        type: "text"
                    }, {
                        css: {
                            verticalAlign: "bottom",
                            paddingLeft: "10rpx",
                            fontWeight: "normal",
                            textDecoration: "line-through",
                            color: "#999999"
                        },
                        text: "￥59.99",
                        type: "text"
                    }],

                    type: "view"
                }, {
                    css: {
                        marginTop: "32rpx",
                        fontSize: "26rpx",
                        color: "#8c5400"
                    },
                    views: [{
                        css: {
                            color: "#212121",
                            background: "#ffb400"
                        },
                        text: "自营",

                        type: "text"
                    }, {
                        css: {
                            marginLeft: "16rpx",
                            background: "#fff4d9",
                            textDecoration: "line-through"
                        },
                        text: "30天最低价",

                        type: "text"
                    }, {
                        css: {
                            marginLeft: "16rpx",
                            background: "#fff4d9"
                        },
                        text: "满减优惠",

                        type: "text"
                    }, {
                        css: {
                            marginLeft: "16rpx",
                            background: "#fff4d9"
                        },
                        text: "超高好评",

                        type: "text"
                    }],

                    type: "view"
                }, {
                    css: {
                        marginTop: "30rpx"
                    },
                    views: [{
                        css: {
                            lineClamp: "2",
                            color: "#333333",
                            lineHeight: "1.8em",
                            fontSize: "36rpx",
                            width: "462rpx"
                        },
                        text: "360儿童电话手表9X 智能语音问答定位支付手表 4G全网通20米游泳级防水视频通话拍照手表男女孩星空蓝",
                        type: "text"
                    }, {
                        css: {
                            position: "absolute",
                            width: "128rpx",
                            height: "128rpx",
                            right: "0"
                        },
                        text: "limeui.qcoon.cn",

                        type: "qrcode"
                    }],
                    type: "view"
                }],
            type: "view"
        }
    ]
}
